<script>
	export default {
		onLaunch: function() {
			
		},
		onShow: function() {
			
		},
		onHide: function() {
			
		}
		
	}
</script>

<style lang="scss">
	/* uview */
	@import "uview-ui/index.scss";
	/*每个页面公共css */
	
	// flex
	.flex-1{ flex: 1 !important; }
	.flex-row{ flex-direction: row !important; }
	.flex-center{ align-items: center !important; justify-content: center !important; }
	.flex-align-center{ align-items: center !important; }
	.flex-align-end{ align-items: flex-end !important; }
	
	
	// hover
	// #ifdef APP-PLUS
	.hover-class{ background-color: rgba(0, 0, 0, .1); }
	// #endif
	// #ifndef APP-PLUS
	.hover-class{ box-shadow: 0 0 200rpx rgba(0, 0, 0, .1) inset; }
	// #endif
	
	// 背景颜色
	.bg-color{ background-color: $u-bg-color; } 					// #f3f4f6
	
	// 文字颜色
	.text-main{ color: $u-main-color !important; } 				// #303133
	.text-content{ color: $u-content-color !important; }	// #606266
	.text-tips{ color: $u-tips-color !important; } 				// #909399
	.text-primary{ color: $u-primary !important; }				// #3c9cff
	.text-success{ color: $u-success !important; }				// #5ac725
	.text-error{ color: $u-error !important; }						// #f56c6c
	
	// 字体大小
	.text-20{ font-size: 20rpx !important; }
	.text-22{ font-size: 22rpx !important; }
	.text-24{ font-size: 24rpx !important; }
	.text-28{ font-size: 28rpx !important; }
	.text-32{ font-size: 32rpx !important; }
	.text-bold{ font-weight: bold !important; }
	
	// margin、padding
	.ml-10{ margin-left: 10rpx !important; }
	.ml-20{ margin-left: 20rpx !important; }
	.ml-30{ margin-left: 30rpx !important; }
	.mr-10{ margin-right: 10rpx !important; }
	.mr-20{ margin-right: 20rpx !important; }
	.mr-30{ margin-right: 30rpx !important; }
	.mt-30{ margin-top: 30rpx !important; }
	.mb-10{ margin-bottom: 10rpx !important; }
	.mb-20{ margin-bottom: 20rpx !important; }
	.mb-30{ margin-bottom: 30rpx !important; }
	.mlr-30{ margin: 0 30rpx !important; }
	
	
	.u-popup{ flex: 0 !important; } // uview的bug 弹窗导致页面元素无法正常flex1
	
	// #ifndef APP-NVUE
	uni-page-body{ min-height: 100vh; display: flex; flex-direction: column; }
	uni-swiper{ display: flex; flex-direction: column; }
	navigator{ display: flex; }
	page{ background-color: $u-bg-color; }
	.uni-swiper-wrapper{ flex: 1; }
	
	// #endif
</style>
